.diff-view{
    * {
        box-sizing: border-box;
    }
    
    .file {
        border: 1px solid #ddd;
        border-radius: 3px;
        margin-bottom: 16px;
        margin-top: 16px;
        position: relative;
    }
    
    .files-next-bucket .file, .files-next-bucket .full-commit{
        margin-bottom: 20px;
        margin-top: 0;
        text-shadow: 0 0 black;
    }
    
    .tab-size[data-tab-size="8"] {
        -moz-tab-size: 8;
         tab-size: 8; 
    }
    
    .file-diff-split {
        table-layout: fixed;
    }
    
    .diff-table {
         border-collapse: separate; 
        width: 100%;
    }
    
    table {
            display: table;
        border-collapse: collapse;
        border-spacing: 0;
            border-color: grey;
    }
    
    tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }
    
    tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }
    
    td, th {
        padding: 0;
        display: table-cell;
        vertical-align: inherit;
    }
    
    td, th {
        display: table-cell;
        vertical-align: inherit;
            padding: 0;
    }
    
    .blob-num-expandable {
        font-size: 12px;
        padding: 0;
        text-align: center;
    }
    
    .blob-num-expandable, .blob-num-hunk {
        background-color: #dbedff;
    }
    
    .blob-code-expandable, .blob-code-hunk, .blob-num-expandable, .blob-num-hunk {
        color: rgba(27,31,35,.5);
        vertical-align: middle;
    }
    
    .blob-num {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        color: rgba(27,31,35,.3);
        cursor: pointer;
        font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
        font-size: 12px;
        line-height: 20px;
        min-width: 50px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: right;
        user-select: none;
        vertical-align: top;
        white-space: nowrap;
        width: 1%;
    }
    
    .blob-code-inner {
        color: #24292e;
        font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
        font-size: 12px;
        overflow: visible;
        white-space: pre;
        word-wrap: normal;
    }
    
    .file-diff-split .blob-code-inner {
        white-space: pre-wrap;
        word-wrap: break-word;
    }
    
    .blob-code-expandable, .blob-code-hunk {
        background-color: #f1f8ff;
        border-width: 1px 0;
        padding-bottom: 4px;
        padding-top: 4px;
    }
    
    
    
    
    .blob-code {
        line-height: 20px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        vertical-align: top;
    }
    
    .file-diff-split .blob-code+.blob-num {
        border-left: 1px solid #f6f8fa;
    }
    
    [type=reset], [type=submit], button, html [type=button] {
        -webkit-appearance: button;
    }
    
    .add-line-comment {
        background-color: #0366d6;
        background-image: linear-gradient(#0372ef,#0366d6);
        border-radius: 3px;
        box-shadow: 0 1px 4px rgba(27,31,35,.15);
        color: #fff;
        cursor: pointer;
        float: left;
        height: 22px;
        line-height: 21px;
        margin: -2px -10px -2px -20px;
        opacity: 0;
        position: relative;
        text-align: center;
        text-indent: 0;
        transform: scale(.8);
        transition: transform .1s ease-in-out;
        width: 22px;
        z-index: 5;
    }
    
    .btn-link {
        -moz-appearance: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-appearance: none;
        -webkit-user-select: none;
        appearance: none;
        background-color: transparent;
        border: 0;
        color: #0366d6;
        cursor: pointer;
        display: inline-block;
        font-size: inherit;
        padding: 0;
        text-decoration: none;
        user-select: none;
        white-space: nowrap;
    }
    
    button {
        border-radius: 0;
        cursor: pointer;
    }
    
    button, input, select, textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }
    
    button, select {
        text-transform: none;
    }
    
    button, input {
        overflow: visible;
    }
    
    button, input, select, textarea {
        font: inherit;
        margin: 0;
    }
    
    .pl-c {
        color: #6a737d;
    }
    
    .pl-k {
        color: #d73a49;
    }
    
    .blob-num-deletion {
        background-color: #ffdce0;
        border-color: #fdaeb7;
    }
    
    .blob-code-deletion {
        background-color: #ffeef0;
    }
    
    
    .blob-num:before {
        content: attr(data-line-number);
    }
    
    .blob-num-addition {
        background-color: #cdffd8;
        border-color: #bef5cb;
    }
    
    .pl-c1, .pl-s .pl-v {
        color: #005cc5;
    }
    
    .blob-code-inner .x-first {
        border-bottom-left-radius: .2em;
        border-top-left-radius: .2em;
    }
    
    .blob-code-inner .x-last {
        border-bottom-right-radius: .2em;
        border-top-right-radius: .2em;
    }
    
    .show-inline-notes .inline-comments, .timeline-inline-comments .inline-comments {
        display: table-row;
    }
    
    .inline-comments, .inline-comments.is-collapsed {
        display: none;
    }
    
    .diff-table tr:not(:last-child) .line-comments {
        border-bottom: 1px solid #e1e4e8;
        border-top: 1px solid #e1e4e8;
    }
    
    .diff-table .line-comments {
        border-top: 1px solid #e1e4e8;
        padding: 10px;
        vertical-align: top;
    }
    
    .comment-holder, .inline-comments .inline-comment-form, .inline-comments .inline-comment-form-container {
        max-width: 780px;
    }
    
    
    .inline-comment-form-container .inline-comment-form, .inline-comment-form-container.open .inline-comment-form-actions {
        display: none;
    }
    
    .inline-comment-form-container .inline-comment-form-actions, .inline-comment-form-container.open .inline-comment-form {
        display: block;
    }
    
    .inline-comment-form {
        border: 1px solid #dfe2e5;
        border-radius: 3px;
    }
    
    .inline-comment-form:before {
        content: "";
        display: table;
    }
    
    form {
        display: block;
        margin-top: 0em;
    }
    
    .previewable-comment-form, .write-content {
        position: relative;
    }
    
    .diff-table .line-comments:first-child+.empty-cell {
        border-left-width: 1px;
    }
    
    .inline-comments .line-comments+.blob-num {
        border-left-width: 1px;
    }
    
    .file-diff-split .empty-cell {
        background-color: #fafbfc;
        border-right-color: #eaecef;
        cursor: default;
    }
    
    .blob-code-addition {
        background-color: #e6ffed;
    }
    
    .blob-code-marker:before {
        content: attr(data-code-marker);
    }
    
    
    
    .add-line-comment .octicon {
        pointer-events: none;
        vertical-align: text-top;
    }
    
    svg:not(:root) {
        overflow: hidden;
    }
    
    .octicon {
        vertical-align: text-bottom;
        display: inline-block;
        fill: currentColor;
        vertical-align: text-top;
    }
    
    // svg[Attributes Style] {
    //     width: 12;
    //     height: 16;
    // }
    
    svg:not(:root), symbol, image, marker, pattern, foreignObject {
        overflow: hidden;
    }
    
    .blob-code-marker-addition:before {
        content: "+ "
    }
    
    .blob-code-marker-deletion:before {
        content: "- "
    }
    
    .blob-code-marker-context:before {
        content: "  "
    }
    
    .pl-c1, .pl-s .pl-v {
        color: #005cc5;
    }
    
    .blob-code-deletion .x {
        background-color: #fdb8c0;
        color: #24292e;
    }
    
    .previewable-comment-form.preview-selected .preview-content, .previewable-comment-form.write-selected .write-content {
        display: block;
    }
    
    .previewable-comment-form .preview-content, .previewable-comment-form .write-content {
        display: none;
        margin: 0 8px 8px;
    }
    
    .tooltipped {
        position: relative;
    }
    
    .previewable-comment-form textarea {
        display: block;
        max-height: 500px;
        min-height: 100px;
        padding: 8px;
        resize: vertical;
        width: 100%;
    }
    
    .upload-enabled textarea {
        border-bottom: 1px dashed #dfe2e5;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        display: block;
    }
    
    .comment-form-textarea {
        height: 100px;
        line-height: 1.6;
        margin: 0;
        max-width: 100%;
        min-height: 100px;
        width: 100%;
    }
    
    .input-contrast {
        background-color: #fafbfc;
    }
    
    // @media (min-width: 768px)
    // .form-control, .form-select {
    //     font-size: 14px;
    // }
    
    .form-control, .form-select {
        background-color: #fff;
        background-position: right 8px center;
        background-repeat: no-repeat;
        border: 1px solid #d1d5da;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(27,31,35,.075);
        color: #24292e;
        font-size: 16px;
        line-height: 20px;
        min-height: 34px;
        outline: none;
        padding: 6px 8px;
        vertical-align: middle;
    }
    
    .position-relative {
        position: relative!important;
    }
    
    .drag-and-drop {
        background-color: #fafbfc;
        border: 1px solid #c3c8cf;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top: 0;
        color: #586069;
        font-size: 13px;
        line-height: 16px;
        margin: 0;
        padding: 7px 10px;
    }
    
    .overflow-auto {
        overflow: auto!important;
    }
    
    .border-bottom {
        border-bottom: 1px solid #e1e4e8!important;
    }
    
    .new-discussion-timeline .previewable-comment-form .comment {
        border: 0;
    }
    
    .inline-comment-form .form-actions {
        float: right;
    }
    
    .inline-comment-form .form-actions, .timeline-new-comment .form-actions {
        padding: 0 10px 10px;
    }
    
    .ml-1 {
        margin-left: 4px!important;
    }
    .float-right {
        float: right!important;
    }
    
    
    .form-actions .btn {
        float: right;
    }
    
    .btn {
        background-color: #eff3f6;
        background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%);
        color: #24292e;
    }
    .btn {
        -moz-appearance: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-appearance: none;
        -webkit-user-select: none;
        appearance: none;
        background-position: -1px -1px;
        background-repeat: repeat-x;
        background-size: 110% 110%;
        border: 1px solid rgba(27,31,35,.2);
        border-radius: .25em;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 6px 12px;
        position: relative;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
    }
    
    .blob-num-expandable .diff-expander {
        color: #586069;
        cursor: pointer;
        display: block;
        height: auto;
        margin-right: -1px;
        padding: 4px 11px 4px 10px;
        width: auto;
    }
    
    .blob-num-expandable .diff-expander .octicon {
        vertical-align: top;
    }
    
    // path[Attributes Style] {
    //     fill-rule: evenodd;
    //     d: path("M 11.5 7.5 L 14 10 c 0 0.55 -0.45 1 -1 1 H 9 v -1 h 3.5 l -2 -2 h -7 l -2 2 H 5 v 1 H 1 c -0.55 0 -1 -0.45 -1 -1 l 2.5 -2.5 L 0 5 c 0 -0.55 0.45 -1 1 -1 h 4 v 1 H 1.5 l 2 2 h 7 l 2 -2 H 9 V 4 h 4 c 0.55 0 1 0.45 1 1 l -2.5 2.5 Z M 6 6 h 2 V 3 h 2 L 7 0 L 4 3 h 2 v 3 Z m 2 3 H 6 v 3 H 4 l 3 3 l 3 -3 H 8 V 9 Z");
    // }
    
    :not(svg), :not(foreignObject) > svg {
        transform-origin: 0px 0px 0px;
    }
}